  <style>
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
    }
    b, strong {font-weight: bold;}
    i {font-style: italic;}
    u {text-decoration: underline;}
    body {background:#000;color:#000;font-family:Arial, verdana, sans-serif;margin: 0;padding: 0;}
    a:link {color:#DC143C;text-decoration:none;}
    a:hover {color:#000;text-decoration:underline;}
    a:visited {color:#DC143C;text-decoration:none;}
    a img {border-width:0;}
    #header-D4mzaky-wrapper {background-color:#000;background:url(http://i1009.photobucket.com/albums/af214/safei_20/sunset-field-header-740132_zps0551804c.jpg)no-repeat;   margin-left:150px; padding: 10px 20px; height: 274px;}
    #header-dAmz4ky-first {width: 50%;float: left;display:none;}
    #header-dAmz4ky-scnd {width: 50%;float: right;}
    .Header h1 {font-size: 42px;font-weight: 700;font-variant: small-caps;}
    .Header h1 a {
color: #fff;font-family:  arial, verdana, sans-serif;text-decoration: none;}
    .Header h1 a:hover {color: #DC143C;}
    .Header .description {color: #ccc;
padding-bottom: 5px;
font-family: arial, verdana, sans-serif;
font-size: 13px;
letter-spacing: 1px;}
#outer-header {background: #000;position:relative;text-align:left;overflow: hidden;}
    #outer-D4mzakY-wrapper {background: #fff;position:relative;text-align:left;overflow: hidden;}
    .maxer, #content-dAmarZ4ky-wrapper {max-width: 1200px;margin:0 auto;}
    #content-dAmarZ4ky-wrapper {position:relative;}
    #main-dammzaky-wrapper {position:relative;width: 63%;float:left;padding: 5px 0;word-wrap:break-word;margin:0 auto;}
    #main { margin-right: 20px;}
    #sidebar-wrap-damaarZ4Ky {position:relative;width:34%;float:right;word-wrap:break-word;margin: 5px 0 5px 0;overflow:hidden;font-size: 13px;color:#000;box-shadow:0 0 10px #000}
    .post {margin-bottom: 5px;padding:0;background:#fff;box-shadow:0 0 10px #000}
    h2.post-title {display: block;
font-family: arial, verdana, sans-serif;
font-size: 16px;
margin: 0;
padding: 5px;
line-height: 20px;
font-weight: bold;}
    h2.post-title a,h2.post-title a:visited,h2.post-title strong {color:#fff;text-decoration:none;}
    h2.post-title strong,h2.post-title a:hover {color:#DC143C; text-decoration:none;}
    table {border-color:#CCCCCC;border-style:solid;border-width:1px 1px 0;font-size:13px;line-height:18px;margin:0 0 22px;text-align:left;}
    tr {border-bottom:1px solid #CCCCCC;}
    th, td {padding:0.7em 1.25em;border-bottom:1px solid #CCCCCC;}
    #blog-pager-newer-link {float:left;text-align: left;}
    #blog-pager-older-link {float:right;text-align: right}
    #blog-pager {text-align:center;font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;color:#000;text-decoration:none;font-size:15px;padding:4px 4px 3px 4px;margin: 0;line-height: 20px;border-bottom: 1px solid #ddd;}
    #blog-pager a, #blog-pager div {display: block;padding: 3px 6px;}
    #blog-pager a .blogsp1, #blog-pager div .blogsp1{
      border-radius: 3px;
      color: #222;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: verdana;}
    #blog-pager div, #blog-pager div .blogsp1 {
      color: #999;
    }
    .blogsp1, .blogsp2 {display: block;}
    .blogsp2 {font-size: 12px; letter-spacing: 2px;}
    #blog-pager a:hover {text-decoration: none;background: #DC143C;border-radius:5px;}
    #sidebar .item-snippet, .futerkolom .item-snippet  {font-size: 11px;line-height: 14px;text-align: justify;color: #555;}
    #sidebar .item-thumbnail, .futerkolom .item-thumbnail {float: left;margin: 0;width: 72px;height: 72px;margin-right: 5px;}
    #sidebar .item-thumbnail a img, .futerkolom .item-thumbnail a img {width: 72px;height: 72px;}
    #sidebar .item-title, #sidebar .item-title a, .futerkolom .item-title, .futerkolom .item-title a {line-height: 14px;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
    .sidetemplatebyD4mmZakybar h2, .sidetemplatebyD4mmZakybar h3 {display: block;
font-size: 12px;
font-family: arial, verdana, sans-serif;
color: #FFF;
text-align: left;
word-spacing: normal;
text-transform: uppercase;
font-weight: normal;
padding: 10px;
letter-spacing: 2px;
background: #000;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      line-height: 17px;
      height:28px;}
 .sidetemplatebyD4mmZakybar .widget-content.popular-posts {padding-top: 0;}
    .sidetemplatebyD4mmZakybar {margin:0px;}
    .sidetemplatebyD4mmZakybar ul, .futerkolom ul {list-style:none;margin:0;padding:0 ;}
    .sidetemplatebyD4mmZakybar ul li, .futerkolom ul li {border-bottom: 1px solid #DDDDDD;
      font-size: 13px;
      font-family: arial, sans-serif;
      margin: 0 auto;
      padding: 10px 5px;}
    .futerkolom ul li {border-bottom:1px solid #505050;}
    .sidetemplatebyD4mmZakybar ul li a {font-size:11px;font-family:arial, sans-serif;text-decoration:none;color:#222;}
    .futerkolom ul li a, .futerkolom ul li a:visited, .futerkolom ul li a:link {color: #7e7e7e;text-decoration:none;}
    .futerkolom ul li a:hover {color: #999;}
    .sidetemplatebyD4mmZakybar ul li a:hover {text-decoration:underline;color:#0E8FEC;}
    .sidetemplatebyD4mmZakybar .widget-content {font-family: arial, sans-serif;
margin: 0;
padding: 10px;
background: #fff;border-radius: 0 0 5px 5px;}
    .sidetemplatebyD4mmZakybar .widget {font-family: arial, sans-serif;
      margin-top: 0px;
      margin-bottom: 10px;}
    #fooDamzakyter-wrapper {width: auto;clear:both;font-family:Arial;border-top:1px solid transparent;background: #2D3133;color: #ccc;}
    .footerbawah {background: #212729;  font-size: 10px; font-family: Verdana, Geneva, sans-serif; color: #666; padding: 10px 20px;  line-height: 15px; text-shadow: 0 1px 0 black;position: relative;}
    .footerbawah a {color: #777; font-weight: bold;}
    .footerbawah a:hover {color: #fff;}
    .footerbawah .bcktotop {background: #30577A;
position: absolute;
left: 50%;
width: 50px;
height: 30px;
bottom: 0;
margin-left: -25px;
text-decoration: none;
text-align: center;
font-size: 16px;
line-height: 31px;
text-shadow: none!important;
color: #84A9C2;
border-radius: 5px 5px 0 0;}
    .footerbawahl {float: left; text-align: left;}
    .footerbawahr {float: right; text-align: right;}
    .footerbawahl ul, .footerbawahl li {list-style: none;margin: 0; padding: 0;}
    .footerbawahl li {display: inline;}
    .footerbawahl li:last-child .llas {display: none;}
    .parenfooter {
      margin: 10px 10px 0 10px;}
    .footer .widget {width:200px;float:left;margin:0;padding:0;font-size:13px;}
    .label-size {display: inline-block;font-size:  13px;margin:2px 0;}
    .label-size a {background: #3B4247;padding: 5px;color: #999; text-decoration: none;display: inline-block;}
    .label-size span {background: #3D5668;padding: 5px;margin-left:-4px;display: inline-block;color: #fff;}
    .label-size a:hover {background:#3D5668; color: #fff;}
    .serching form {max-width: none;
float: right;
margin: 6px;
min-width: 230px;
background: #FFFFFF;
border: 1px solid #2D3C70;
border-radius: 3px;
      position: relative;
box-shadow: inset 0 0 5px #2C3774;
}
    .serching form input {display: block!important;
margin: 0;
border: 0;
padding: 5px 0;
outline: 0;
height: 16px;
      font-style: italic;
line-height: 16px;
font-size: 12px;
border-radius: 0!important;
      position:absolute;
      top:0;
      left:0;
      bottom:0;
      right:30px;}
    .serch {text-indent: 10px;background: transparent;}
    .serchg {float: right;
width: 30px;
height: 26px!important;
padding: 0!important;
background: transparent;
color: #6B7DC5;
border: 0!important;
font-size: 12px!important;
      cursor:pointer;}
    .a .a:visited .a:hover .a:link{text-decoration: none;}
    .breadcrumbs {background:#000;padding-top: 10px;font-size: 15px;height:36px;padding-left: 5px;border-top-left-radius:5px;border-top-right-radius:5px;
box-shadow:0 0 10px #000;}
    .breadcrumbs, .breadcrumbs a:visited, .breadcrumbs a:link {color: #fff;}
    .navZaKdamsub{width:100%;font: 15px Arial,Sans-Serif;
      font-weight:bold;
color: #fff;
height: 33px;
      background:url(http://max-d.myesia.com/Style%20Library/masterpage/images/maxd/header_bg.png)repeat-x;border-top:2px solid#000; border-bottom:2px solid #000;}
    .navZaKdamsub input, .navZaKdamsub label {display: none;}
    .navZaKdamsub label {height: 33px;
width: 40px;
text-align: left;
color: #aaa;
line-height: 40px;
font-size: 25px;
font-weight: 700;
text-align: center;
margin-left: 5px;
      cursor: pointer;
      float: left;}
    .navZaKdamsub input:checked + div label {color: #fff;}
    .navZaKdamsub ul{margin: 0; padding: 0;}
    .navZaKdamsub li{list-style: none;
      margin: 0px 0px;
      padding: 0px 0px;
      float: left;
      position: relative;}
    .navZaKdamsub li a{display: block;
text-decoration: none;
color: #fff;
line-height: 33px;
padding: 0px 15px;
font-size: 12px;
font-family: arial;
padding-bottom: 1px;}
    .navZaKdamsub li a:hover,
    .navZaKdamsub li:hover &gt; a{background: #DC143C;
      color: #000;}
    .navZaKdamsub li ul li a:hover,
    .navZaKdamsub li ul li:hover &gt; a{background: #DC143C;color: #000;}
    .navZaKdamsub li ul {
      transition:  .3s ease-out;
      position:absolute;
      top:100%;
      left:0px;
      z-index:99;
      width:200px; 
      opacity: 0;
      height: auto;
      visibility: hidden;
    }
    .navZaKdamsub .maxer &gt; ul &gt; li &gt; ul {margin-top: -1px;}
    .navZaKdamsub li ul li a {text-shadow: none; font-size: 12px;color: #ABB9C9;line-height: 30px;}
    .navZaKdamsub li ul li {
      float:none;
      display:block;    
      height: 0;
      transition:  .3s ease-out;
      font-weight:normal;
    }
    .navZaKdamsub li ul ul {
      top:0px;
      left:100%;    
      border-top: 0;
    }
    .navZaKdamsub li:hover &gt; ul { 
      opacity: 1;
      visibility: visible;
    }
    .navZaKdamsub li:hover &gt; ul li { 
      height: 30px;
    }
    .onshadow {border-top: 2px solid #fff;}
    .futerblock .widget {padding: 10px 20px;}
    .BlogArchive #ArchiveList ul.posts li {line-height: 14px;padding: 5px;padding-left: 1.3em;}
    h2.date-header {display: none;}
#ArchiveList .toggle {
cursor: pointer;
font-family: Arial,sans-serif;
font-size: 1.7em;
line-height: .6em;
}
#ArchiveList .expanded&gt;.toggle .zippy:after {
content: &quot;\25BC\00A0&quot;;
    }
    #ArchiveList .toggle{cursor:pointer;font-family:Arial,sans-serif}
    #ArchiveList .toggle-open{font-size:1.7em;line-height:.6em}
    #ArchiveList{text-align:left}
    #ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none}
    #ArchiveList a.toggle,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited,#ArchiveList a.toggle:hover{color:inherit;text-decoration:none}
    .BlogArchive #ArchiveList ul li{background:none;list-style:none;list-style-image:none;list-style-position:outside;padding-left:15px;text-indent:-15px;background-image:none;border-width:0;margin:.25em 0}
    .BlogArchive #ArchiveList ul ul li{padding-left:1.2em}
    .BlogArchive #ArchiveList ul{list-style:none;list-style-image:none;border-width:0;margin:0;padding:0}
    .BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}
    #ArchiveList .collapsed ul{display:none}
    h2.post-titles {display: none;}
    .adsec { background: #e0e0e0; border: 3px solid #999; height: 65px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; line-height: 65px; font-size: 11px; text-align: center; transition:all .4s ease-out;}
    .adsec:hover { border-top-left-radius: 20px; border-bottom-right-radius: 20px; transition:all .4s ease-out;}
    #fut1 .widget, #fut3 .widget {float: left; width: 30%; padding: 15px 1% 40px 1%;}
    #fut2 .widget{float: left; width: 34%; padding: 15px 1% 40px 1%;}
    .futerkolom { color: #a5a5a5; font-size: 13px;}
    .futerkolom h2 {color: #728088; font-family: arial, verdana, sans-serif; font-weight: normal; text-transform: uppercase;margin-bottom: 7px; font-size: 20px}
    .quickedit{display:none;}
    .profile-img{float:left;margin:0 5px 5px}.profile-data{margin:0}.profile-datablock{margin:.5em 0}.profile-name-link{background:no-repeat left top;display:inline-block;min-height:20px;padding-left:20px}.profile-textblock{margin:.5em 0}
    .status-msg-wrap { background: #EEE;
      border: 1px solid #CCC;
      margin: 10px;
      padding: 10px;
      text-align: center;
      font-size: 12px;}
    .post-body {border-top:1px solid#ddd;color:#000;font-family: Arial, verdana, sans-serif;font-size:13px;line-height:140%;padding: 0 5px;text-align:justify;}

  .clickfooter{background-image:url(http://icons.iconarchive.com/icons/aha-soft/3d-social/128/RSS-Reader-icon.png);background-position:2px -35px;background-repeat:no-repeat;}

    .twitter-share-button{margin:3px;}

#target-wrapper {width: auto;clear:both;font-family:Arial;background: #fff;color: #ccc;}
    .targetbawah {background: #212729;  font-size: 10px; font-family: Verdana, Geneva, sans-serif; color: #666; padding: 10px 20px;  line-height: 15px; text-shadow: 0 1px 0 black;position: relative;}
    .targetbawah a {color: #777; font-weight: bold;}
    .targetbawah a:hover {color: #fff;}
    .targetbawahl {float: left; text-align: left;}
    .targetbawahr {float: right; text-align: right;}
    .targetbawahl ul, .footerbawahl li {list-style: none;margin: 0; padding: 0;}
    .targetbawahl li {display: inline;}
    .targetbawahl li:last-child .llas {display: none;}
    .targetparenfooter {
      margin: 10px 10px 0 10px;}

#targetfut1 .widget, #targetfut3 .widget, #targetfut2 .widget{float: none; width: auto; padding: 5px 10px 20px 10px;}

.navZ{width:100%;font: 15px Arial,Sans-Serif;
      font-weight:bold;
color: #fff;
height: 33px;
      background:url(http://max-d.myesia.com/Style%20Library/masterpage/images/maxd/header_bg.png)repeat-x;border-top:2px solid#000; border-bottom:2px solid #000;}
    .navZ input, .navZaKdamsub label {display: none;}
    .navZ label {height: 33px;
width: 40px;
text-align: left;
color: #aaa;
line-height: 40px;
font-size: 25px;
font-weight: 700;
text-align: center;
margin-left: 5px;
      cursor: pointer;
      float: left;}
    .navZ input:checked + div label {color: #fff;}
    .navZ ul{margin: 0; padding: 0;}
    .navZ li{list-style: none;
      margin: 0px 0px;
      padding: 0px 0px;
      float: left;
      position: relative;}
    .navZ li a{display: block;
text-decoration: none;
color: #fff;
line-height: 33px;
padding: 0px 15px;
font-size: 12px;
font-family: arial;
padding-bottom: 1px;}
    .navZ li a:hover,
    .navZ li:hover &gt; a{background: #DC143C;
      color: #000;}
    .navZ li ul li a:hover,
    .navZ li ul li:hover &gt; a{background: #DC143C;color: #000;}
    .navZ li ul {
      transition:  .3s ease-out;
      position:absolute;
      top:100%;
      left:0px;
      z-index:99;
      width:200px; 
      opacity: 0;
      height: auto;
      visibility: hidden;
    }
    .navZ .maxer &gt; ul &gt; li &gt; ul {margin-top: -1px;}
    .navZ li ul li a {text-shadow: none; font-size: 12px;color: #ABB9C9;line-height: 30px;}
    .navZ li ul li {
      float:none;
      display:block;    
      height: 0;
      transition:  .3s ease-out;
      font-weight:normal;
    }
    .navZ li ul ul {
      top:0px;
      left:100%;    
      border-top: 0;
    }
    .navZ li:hover &gt; ul { 
      opacity: 1;
      visibility: visible;
    }
    .navZ li:hover &gt; ul li { 
      height: 30px;
    }

.sticky {
      width:53%;
  position:fixed;
  top:36px;/* jarak dari atas*/
  z-index: 100;
}
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    #main-dammzaky-wrapper {position:relative;width: 100%;float:left;padding: 5px 0;word-wrap:break-word;margin:0 auto;}
    .post {margin-bottom:35px;margin-left:35px;width:30%;float:left;background:#000;border-top-left-radius:5px;border-top-right-radius:5px;
box-shadow:0 0 10px #000}
    .post-body {height:300px;padding-bottom:10px;background: #fff;color:#000;font-family: Arial, verdana, sans-serif;font-size:15px;line-height:140%;text-align:justify;}
    .thmb {
border: 1px solid #E2E2E2;
float: left;
width: 99%;
display: inline-block;
background: #000;
}
    .thumbmage {
background: #000;
display: block;
height: 0px;
padding-bottom: 70%;
position: relative;} 
    .thumbmage img {display: inline-block;width: 100%;height: 100%}
    h2.post-title {width:100%;display:block;padding-left:10px;height:35px;}
    .posthead {font-size: 12px;line-height:140%;padding-left:10px;color: #DC143C;}


  </b:if>
  </b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    @media screen and (max-width:1024px) {
.post {margin-bottom:20px;margin-left:20px;width:30%;float:left;}
}
 @media screen and (max-width:966px) {
.post {margin-bottom:17px;margin-left:17px;width:31%;float:left;}
}
    @media screen and (max-width:768px) {
              #outer-D4mzakY-wrapper {border: 0; margin: 0;}
#main-dammzaky-wrapper {position:relative;width: 100%;float:left;padding: 5px 0;word-wrap:break-word;margin:0 auto;}
      .serching form {min-width: 200px;margin-right:50px;}
.post {margin-bottom:15px;margin-left:18px;width:30%;float:left;}
    .post-body {height:250px;} 
      .posthead {display:none}}
  </b:if>
  </b:if>
            @media screen and (max-width:603px) {
                      .navZaKdamsub {position: relative;}
                      .navZaKdamsub label {display: block;}
                      .navZaKdamsub ul {display: none;position: absolute; top: 100%;left:0;right:0;background: #242424;z-index:1;}
      .navZaKdamsub &gt; .maxer &gt; ul &gt; li {float: none;border-top: 1px solid #3A3A3A;
border-bottom: 1px solid #000000;}
      .navZaKdamsub &gt; .maxer &gt; ul &gt; li &gt; a {line-height: 35px;}
      .navZaKdamsub &gt; .maxer &gt; ul &gt; li &gt; ul {margin-bottom: 10px;}
                      .navZaKdamsub input:checked + div ul {display: block;}
.navZaKdamsub li ul li:hover &gt; a, .navZaKdamsub li:hover &gt; a {
background: transparent;
      }
      .navZaKdamsub a:hover {background:#2A5A86!important}
      .navZaKdamsub li:hover &gt; ul {opacity: 1;} 
      .navZaKdamsub li ul {
        position: static;
        visibility: visible;
        opacity: 1;
        width: auto;
        background: transparent;
      }
      .navZaKdamsub li ul li a, .navZaKdamsub li a {color: #ccc;}
.navZaKdamsub li ul li ul {
      }
      .navZaKdamsub li ul li, .navZaKdamsub li:hover &gt; ul li {
        height: auto;
      }
      .navZaKdamsub li ul li {
        margin-left: 20px;
        border-left: 3px solid #2A5A86;
      }
      .related-post li {
        width: 63%!important;
        padding: 5px 1%!important;
        height: 120px;
      }
.serching form {min-width: 0;
min-width: 0;
float: none;
position: absolute;
left: 45px;
        right: 0;}
                      .Header h1 {font-size: 35px;}
                      .Header .description {font-size: 13px;}
                      #blog-pager {margin: 0;}
                      #main-dammzaky-wrapper {float:none;display:block;width:auto;padding:0; } #sidebar-wrap-damaarZ4Ky {float:none;display:block;width:auto;margin:0; }#header-D4mzaky-wrapper {text-align: center;} #header-dAmz4ky-first, #header-dAmz4ky-scnd {float: none; width: auto;}#content-dAmarZ4ky-wrapper {padding: 5px;}
                      #main {margin-right: 0!important;} h2.post-title {} #fut1 .widget, #fut3 .widget, #fut2 .widget{float: none; width: auto; padding: 5px 10px 20px 10px;}
                      .footerbawah * {float: none !important; text-align: center!important;}
                      .footerbawah {padding: 10px 20px 40px 20px;}
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post {margin-bottom:20px;margin-left:10px;width:48%;float:left;}
  </b:if>
  </b:if>
}
              }
              <b:if cond='data:blog.pageType != &quot;index&quot;'>
    .post {border: 1px solid #ddd;}
            .posthead {color: #000;
              font-size: 11px;
              text-transform: uppercase;
              padding: 0 5px;}
            .post-body ul, .post-body ol {
              padding: 0 0 0 20px;
              margin: 0 10px 0 25px;
            }
            .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
              margin-top: 12px;
            }
            .post-body h1{font-size:30px;line-height: 170%;}.post-body h2{font-size:24px;line-height: 160%;}.post-body h3{font-size:20px;line-height: 155%;}.post-body h4{font-size:18px;line-height: 155%;}.post-body h5{font-weight: bold;font-size:16px;line-height: 150%;}.post-body h6{font-weight: bold;font-size:14px;line-height: 150%;}
    .post-body a {color:#5596C3;}
    .post-body a:hover{color:#2BA7EC;text-decoration:underline;}
    .post-body a:visited{color:#427394;}
.clearfix:after {
    content: &quot;.&quot;;
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
    .pstabout {
padding: 10px;
font-size: 13px;
color: #4E4E4E;
background: #F0F0F0;
border-bottom: 5px solid #E6E6E6;
            }
            .pstabout h6 {font-size: 17px; font-weight: normal;}
            .pstabout .fotoau {display: block; width: 72px;border-radius: 100%;float: left;margin-right:7px;}
            .pstabout abbr {border-bottom: 1px dotted #424242;}
            .pstabout b {text-decoration: underline;}
            .pstabout em {font-style: italic;}
            .related-post {
     
border-top-left-radius:6px;
      border-top-right-radius:6px;
box-shadow:0 0 10px #000;
              font-size: 13px;
              color: #4E4E4E;
              background: #fff;
             margin: 10px auto;
max-width: 100%;
            }
    .related-post-item-thumbnail {
width: 100%;
height: 110px;
    }
            .related-post ul {
      list-style: none;
            }
            .related-post li {
              font-size: 12px;
              padding: 1%;
      width: 23%;
      float: left;
            }
            .related-post li:last-child {
              border: 0;
            }
            .related-post h6 {
display: block;
font-family: arial, verdana, sans-serif;
color: #FFF;
text-align: left;
background: #000;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      line-height: 17px;
      height:36px;
font-size: 15px;
      padding-top:5px;
      padding-left:5px;
font-weight: bold;
letter-spacing: 1px;
            }
            .clearfix {
              *zoom:1}
            .antipro { 
              border:1px solid #D6D6D6;
              background: #F3F3F3;
              border-radius: 5px;
              color: #000;
              padding: 10px;
              font-size: 14px;
              margin: 0 20px;
              font-family: verdana, arial, sans-serif;
              text-align: center;
              box-shadow:0 0 10px 0 #CECECE;
            }
            .antipro h4 {
              margin: 0;
              font-size: 27px;
              font-family: arial;
            }
            .countercom {
background: #4382BB;
border-radius: 5px;
padding: 10px;
font-size: 14px;
margin-bottom: 10px;
            }
    .countercom b {
text-shadow: 1px 1px 3px #1B2753;
      color: #fff;
      text-transform: uppercase;
      font-weight: normal;
    }
            .section-left, .section-right {
              color:#5b5B5B;
              font-size: 11px;
font-family: &quot;Lucida Grande&quot;,Tahoma,Verdana,Arial,Sans-Serif;
              text-transform: capitalize;
              font-weight: bold;
              padding-bottom: 3px;
            }
            .section-right {
              color:#999 !important;
      font-weight: normal;
            }
            .section-left a, .section-left a:visited, .section-left a:link {
              color: #5b5b5b !important; text-decoration: none !important;
            }
            .section-left a:hover {
              color: #999 !important;
            }
            .komengtar {
              font-family:arial,sans-serif;
              margin:10px 0;
            }
            .komengtar a,.komengtar a:visited {
              color:#000;
              text-decoration:none;
            }
            #commentBodyField,#allHolder {
              width:auto;
            }
            .komengtar a:hover {
              text-decoration:underline;
            }
            .komengtar .comment-item {
              position: relative;
padding: 10px;
border: 1px solid #E7e7e7;
margin-top: -1px;
            }
            .komengtar .comment-item:target, .komengtar .comment-reply:target {
              background: #FFFFE0;
            }
            .komengtar .comment-header {
              overflow:hidden;
padding-bottom: 3px;
            }
            .komengtar .avatar-box {
              width:50px;
              float: left;
              margin: 0 10px 0 0;
            }
            .komengtar .avatar-box img {
              display: block;
              width: 100%;
              background: url(http://3.bp.blogspot.com/-Iq01qX3fsEg/UgDtUmdT1uI/AAAAAAAADX4/wqSSh55C4Lc/s50/damzaky-default-avatars.jpg) no-repeat;
              background-size: 100% 100%;
            }
            .komengtar .avatar-image-container,.komengtar .avatar-image-container a,.komengtar .avatar-image-container img {
              float:none;
              display:block;
              width:30px;
              height:30px;
              max-width:none;
              max-height:none;
              background:#858585;
              margin:0;
              padding:0;
            }
            .komengtar .comment-body {
              color: #4d4d4d;
              font-size: 11px;
              font-family: &quot;Lucida Grande&quot;,Tahoma,Verdana,Arial,Sans-Serif;
      margin-left: 60px;
min-height: 34px;
line-height: 16px;
padding-bottom: 5px;
            }
    .komengtar .comment-reply .comment-body {
      margin-left: 45px;
      min-height: 15px;
    }
            .komengtar .comment-reply {
              position:relative;
              font-size:11px;
              margin:-1px 0 0 60px;
              padding:7px;
              border:1px solid #E7e7e7;
              background:#fbfbfb;
            }
            .komengtar .comment-reply a,.komengtar .comment-header a {
              color:#000;
            }
            .komengtar .comment-reply .comment-header strong a, .komengtar .comment-reply .comment-header strong {
            }
            .adminsign {color: #fff; background: #1A7599; display: inline-block; padding: 2px 4px;border-radius: 3px; font-weight: bold; font-size: 8px;font-family: verdana, arial, sans-serif;text-shadow: 0 1px 0 #000;}
            .komengtar .comment-bottom-line {
              display:block;
              clear:both;
              text-align:left;
              margin:15px 0 5px 0;
            }
            a.reply-btn, a.delete-btn, .cancel-reply-btn, .adder{
              background-color: #f5f5f5;
              border: 1px solid #ccc;
              border: 1px solid rgba(0,0,0,0.1);
              border-radius: 2px;
              color: #222;
              font: 11px arial;
              font-weight: bold;
              margin: 1px 0 0 7px;
              padding-bottom: 0;
              text-align: center;
              text-shadow: 0 1px rgba(0,0,0,0.1);
              vertical-align: top;
              border-radius: 2px;
              padding: 3px 10px;
            }
            a.reply-btn {margin: 0;}
            .comment-reply .delete-btn {margin-left: 0; display: inline-block;}
            .komengtar .comment-reply .comment-bottom-line a,.komengtar .cancel-reply-btn {
              border-color:#eae5c4;
            }
    .komengtar .comment-bottom-line a:hover,.komengtar .cancel-reply-btn:hover, .adder:hover {
              background:#fff;
              text-decoration: none!important;
            }
    .komengtar .comment-bottom-line a:active,.komengtar .comment-bottom-line a:focus,.komengtar .cancel-reply-btn:active,.komengtar .cancel-reply-btn:focus, .adder:active, .adder:focus {
              border-color:#999;
              color: #999;
            }
            .komengtar .cancel-reply-btn {
              padding:3px 1em 4px;
            }
    .dlt {
      float: right;
    }
            .custom-comment-form p {
              color:#ddd;
              font-size:12px;
              font-family:verdana,arial,sans-serif;
              border-radius:5px;
              padding:10px;
              background: #333;
              margin: 10px 0 5px 0;
              position: relative;
            }
            .custom-comment-form .panahzak {
              width: 0px;
              height: 0px;
              border-style: solid;
              border-width: 20px 10px 0 10px;
              border-color: #333333 transparent transparent transparent;
              position: absolute;
              top: 100%;
              left: 10px;
            }
            .komengtar .custom-comment-form {
              clear:both;
              border-radius:5px;
              margin:5px;
              padding:10px;
            }
            .komengtar #comment-editor {
              max-width:none;
              width:100%;
              border:0!important;
              background:0;
            }
            .damzaku {text-transform: uppercase;}
            .komengtar .deleted-comment {
              font-style:italic;
              color:#aaa;
            }
            .komengtar .paging-control-container {
              font-size:80%;
              text-align:center;
              width:auto;
              height:auto;
              line-height:normal;
              float:none;
              display:block;
              clear:both;
              border:1px solid #eee;
              overflow:hidden;
              margin:1em 0;
              padding:.5em 1em;
            }
            #comments-area {
              font-size:13px;
            }
            .comment-reply .avatar-box {
              width:35px;
            }
            .comment-reply .avatar-image-container,.comment-reply .avatar-image-container a,.comment-reply.avatar-image-container img {
              width:20px;
              height:20px;
              margin:0;
            }
            .komcount {
              color:#ccc;
              font-size:13px;
              background:#666;
              border-radius:3px;
              display:inline-block;
              margin:7px 0;
              padding:3px;
            }
            .custom-comment-editor-wrapper {color: #000;}
            .comment-reply .avatar-box.section-left,.comment-reply .avatar-box img {
              margin:0;
            }
            .comment-reply .avatar-image-container img {
              width:20px;
              height:20px;
            }
            .komengtar .custom-comment-form .cancel-reply-btn,.komengtar .comment-item .custom-comment-form h4,.komengtar .paging-control-container .unneeded-paging-control {
              display:none;
            }
            .komengtar .comment-item .custom-comment-form .cancel-reply-btn,.komengtar .paging-control-container .paging-control {
              display:inline;
            }
    .damar-zaky &gt; .comment-item, .damar-zaky &gt; .comment-reply {background: #FAFBFD;}
            @media screen and (max-width:490px) {
                      .post-body img {
                        width: 100%;
                      }
                      .post-body .separator {max-width: 600px;margin: 0 auto;}
                    }
    .post-body img {max-width: 95%;margin:5px auto;}
                    .post-body blockquote {margin:1em 20px;font-style:italic;padding: 5px 10px;background: #F0F0F0;
border-left: 6px solid #D6D6D6;}
                    .post-body blockquote p {margin:.75em 0;}
                    h2.post-title {color: #000;font-size:17px;}
                    #threaded-comment-form p, .comment-form p {border: 1px solid #bababa;border-radius: 5px;padding: 5px;max-width: 300px;font-size: 13px;}
                    .fbshare, .twshare, .plshare, .dgshare, .lkshare, .tcshare {line-height: 20px; color: #fff !important;text-decoration: none !important; padding: 0 5px; font-family: arial, verdana, sans-serif; font-size: 11px; border-radius: 2px;display: inline-block;margin: 1px 0;}
                    .fbshare { background: #3b5998; border-bottom: 2px solid #313c7d; }
                    .twshare { background: #4099FF; border-bottom: 2px solid #3a8be8; }
                    .plshare { background: #c0361a; border-bottom: 2px solid #9c2c15; }
                    .dgshare { background: #5b88af; border-bottom: 2px solid #4a6f8f; }
                    .lkshare { background: #005a87; border-bottom: 2px solid #003f5e; }
                    .tcshare { background: #157501; border-bottom: 2px solid #105901; }
                    .post-body {color:#545454;font-family: Arial, verdana, sans-serif;font-size:13px;line-height:140%;padding: 2%;text-align:justify;padding-bottom: 30px;}
    .sharecontain {font-size: 12px;padding: 10px 0 4px 0;}
                    .separator a {margin: 0 !important;}
                    #blog-pager {border-bottom: 0;}
  </b:if>
                <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                .post-body {padding: 5px;font-size: 13px;}
            h2.post-title {color: #000;}
    .post {border-bottom: 1px solid #e7e7e7;}
  </b:if>
  </style>